.scope {
  display: flex;
  flex-direction: column;

  height: 100vh;
  overflow: hidden;
}

.topbar {
  flex: none;
  background-color: var(--bg-color, #ffffff);
  border-bottom: 1px solid var(--border-color, #ededed);
}

.main {
  flex: 1 1;

  height: 100%;
  overflow: hidden;
}

.splitter {
  position: relative;
  border-left: 1px solid var(--border-color, #ededed);
}

.sidebar {
  min-width: 100px;
  max-width: 85%;
  position: relative;

  height: 100%;
}

.whiteCorner {
  background-color: var(--bg-color, #ffffff);
  border-bottom: 1px solid var(--border-color, #ededed);
}
